<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title langWord="t:partner_My_Project">My Project</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../resources/css/mui.css">
		<link rel="stylesheet" href="../../resources/css/style.css">
		<link rel="stylesheet" href="../../resources/css/project/list.css">
		<script src="../../resources/assets/mui.js"></script>
		<script src="../../resources/assets/avalon.js"></script>
		<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
		<script src="../../resources/js/lang/en.js"></script>
		<script src="../../resources/js/dahua.config.js"></script>
		<script src="../../resources/js/common.js"></script>
		<script src="../../resources/js/project/list.js"></script>
	</head>

	<body ms-controller="listPage">
		<input type="hidden" value="" id="uid" />
		<!--头部搜索-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title" langWord="t:partner_My_Project">
				My Project
			</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white"></a>
			<a class="mui-icon mui-icon-plusempty mui-pull-right mui-icon-white" href="add.html"></a>
		</header>

		<div id="project-list" class="mui-content mui-scroll-wrapper">

			<div class="mui-scroll">
				<div class='noData' ms-html="@noData"></div>
				<ul class="mui-table-view projects" ms-class="{'mui-hidden': (@projects.length==0)}">
					<li class="mui-table-view-cell mui-collapse" ms-for="project in @projects">
						<a class="mui-navigate-right" href="#">
							<div class="mui-input-row">
								<label class="w_45" langWord="t:My_Project_Name">Project Name</label>
								<label class="w_55">{project.name}</label>
							</div>
							<div class="mui-input-row">
								<label class="w_45" langWord="t:My_Project_End_User">End Customer</label>
								<label class="w_55">{project.enduser}</label>
							</div>
						</a>
						<div class="mui-collapse-content no-padding-t">
							<div class="mui-input-row">
								<label class="w_45" langWord="t:My_Project_Region">Region</label>
								<label class="w_55">{project.region.name}</label>
							</div>
							<div class="mui-input-row">
								<label class="w_45" langWord="t:My_Project_Country">Country</label>
								<label class="w_55">{project.country.name}</label>
							</div>
							<div class="mui-input-row" ms-if="null!=project.state">
								<label class="w_45" langWord="t:My_Project_State_Province">State/Province</label>
								<label class="w_55">{project.state.name}</label>
							</div>
							
							<div class="mui-input-row">
								<label class="w_45" langWord="t:My_Project_Industry">Industry</label>
								<label class="w_55">{project.industry}</label>
							</div>

							<div class="mui-input-row">
								<label class="w_45">Est. Start Date</label>
								<label class="w_55">{project.starttime}</label>
							</div>

							<div class="mui-input-row">
								<label class="w_45">Est. Close Date</label>
								<label class="w_55">{project.endtime}</label>
							</div>
							<div class="mui-input-row">
								<label class="w_45">Est. Sales（USD）</label>
								<label class="w_55">${project.estsales}</label>
							</div>

							<div class="mui-input-row">
								<div class="mui-row description">
									<label class="mui-col-sm-12" langWord="t:My_Project_Project_Description">Detail Project Description</label>
								</div>

								<div class="mui-row">
									<textarea id="description" ms-attr="{value:project.description}" disabled name="description" rows="3">
									</textarea>
								</div>

							</div>

							<div class="mui-input-row">
								<label class="w_45">Registration Date</label>
								<label class="w_55">{project.createtime}</label>
							</div>

							<div class="mui-input-row">
								<label class="w_45">Last Update Date</label>
								<label class="w_55">{project.lastupdate}</label>
							</div>

							<div class="mui-button-row">
								<button type="button" class="mui-btn mui-btn-update" ms-attr="{'data-id': @project.id}">
								 Project Edit
							</button>
							</div>
						</div>
					</li>

				</ul>
			</div>
		</div>

		<!--底部导航-->
		<footer class="mui-bar mui-bar-tab footer">
			<a id="defaultTab" data-id="1" class="mui-tab-item" href="../product/category.html">
				<span class="mui-icon icon icon_product"></span>
				<span class="mui-tab-label" langWord="t:index_Product">Product</span>
			</a>
			<a class="mui-tab-item" href="../solution/category.html">
				<span class="mui-icon icon icon_solution"></span>
				<span class="mui-tab-label" langWord="t:index_Solution">Solution</span>
			</a>
			<a id="partner" class="mui-tab-item" href="../partner/index.html">
				<span class="mui-icon icon icon_partner"></span>
				<span class="mui-tab-label" langWord="t:index_Partner">Partner</span>
			</a>
			<a class="mui-tab-item" href="../user/user.html">
				<span class="mui-icon icon icon_usercenter"></span>
				<span class="mui-tab-label" langWord="t:index_User_Center">User Center</span>
			</a>
		</footer>

	</body>

</html>